body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font: 12px/1.5 sans-serif, tahoma, arial, \5b8b\4f53;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp {
    font-family: couriernew, courier, monospace;
}

small {
    font-size: 12px;
}

ul, ol {
    list-style: none;
}

a:hover, a:link, a:active, a:visited {
    text-decoration: none;
    color: #666
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset, img {
    border: 0;
}

button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-family:'PingFang SC', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.f-w-600 {
    font-weight: 600;
}

.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-999 {
    color: #999;
}

.c-fff {
    color: #ffffff;
}

.d-block {
    display: block;
}

.d-i-block {
    display: inline-block
}

.t-center {
    text-align: center;
}

.p-fixed {
    position: fixed;
    z-index: 99;
}

a, button, input, select, textarea {
    outline: none;
}

button, input {
    background: none;
    border: none;
}

.margin-left-auto {
    margin-left: auto;
}